<template>
  <div class="nav" v-show="$store.state.isShowNav">
    <img src="../assets/images/logo_mtime.png" alt="" class="login">
    <router-link to="/home">首页</router-link>
    <router-link to="/buy">购票</router-link>
    <router-link to="/shop">商城</router-link>
    <router-link to="/find">发现</router-link>
    <router-link to="/login">
      <img src="../assets/images/ico_my.png" alt="" >
    </router-link>
  </div>
</template> 

<script>
export default {
  components: {},
  props: {},
  data() {
    return {};
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
@import "~@/assets/css/common.scss";
.nav{
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #333;
  
  .login{
    width: vw(65);
    height: vw(21);
  }
  a{
    color: #bbbbbb;
    font-size: vw(16);
    padding: vw(14) 0;
    img{
      width: vw(16.5);
      height: vw(21);
    }
  }
  a:not(:nth-child(6)).router-link-active{
    color: #fff;
    font-weight: bold;
    border-bottom: 2px solid #fff;
  }
 

}
</style>